<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="top-banner">
        <a href="#" class="top-banner-img">
            <img src="./images/top_banner.jpg" alt="">
        </a>
        <a href="#" class="close"></a>
    </div>
    <div class="header">
        <div class="header-top">
            <a href="#" class="classify"><img src="./images/classify.png" alt=""></a>
            <a href="#" class="ad"><img src="./images/ad.gif" alt=""></a>
            <a href="#" class="login"><img src="./images/login.png" alt=""></a>
        </div>
        <div class="header-bottom">
            <a href="#"></a>
            <i></i>
            <form action="">
                <input type="search" placeholder="保暖内衣低至2折">
            </form>
        </div>
    </div>

    <div class="banner">
        <div class="wrapper">
            <ul>
                <li class="current"><a href="#"><img src="./images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner.jpg" alt=""></a></li>
            </ul>
            <ol>
                <li><i class="current"></i></li>
                <li><i></i></li>
                <li><i></i></li>
                <li><i></i></li>
                <li><i></i></li>
                <li><i></i></li>
            </ol>
        </div>
    </div>

    <div class="tuijian">
        <a href="#" class="one">
            <img src="./images/banner1.webp" alt="">
        </a>
        <a href="#" class="two">
            <img src="./images/banner2.webp" alt="">
        </a>
        <a href="#" class="three">
            <img src="./images/banner3.webp" alt="">
        </a>
    </div>

    <div class="nav">
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="./images/nav_01.png" alt="">
            <p class="title">苏宁秒杀</p>
        </a>
    </div>

    <div class="hongbao">
        <a href="#" class="hb1">
            <img src="./images/hb1.png" alt="">
        </a>
        <a href="#" class="hb2">
            <img src="./images/hb2.gif" alt="">
        </a>
        <a href="#" class="hb2">
            <img src="./images/hb3.gif" alt="">
        </a>
    </div>

    <div class="tejia">
        <div class="tj-top">
            <div class="tj-top-lf" href="#">
                <h3>天天低价</h3>
                <p>人气好货限时抢</p>
                <div class="box">
                    <a href="#">
                        <img src="./images/tejia.jpg" alt="">
                        <span>￥1.9</span>
                    </a>
                    <a href="#">
                        <img src="./images/tejia2.jpg" alt="">
                        <span>￥1.49</span>
                    </a>
                </div>
            </div>
            <div class="tj-top-rg">
                <h3>天天低价</h3>
                <p>人气好货限时抢</p>
                <div class="box">
                    <a href="#">
                        <img src="./images/tejai3.webp" alt="">
                        <span>飞科(FLYCO)</span>
                    </a>
                    <a href="#">
                        <img src="./images/tejai4.webp" alt="">
                        <span>维达(Vinda)</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="tj-md">
            <div class="tj-md-lf" href="#">
                <h3>天天低价</h3>
                <p>人气好货限时抢</p>
                <div class="box">
                    <a href="#">
                        <img src="./images/tejia.jpg" alt="">
                        <span>￥1.9</span>
                    </a>
                    <a href="#">
                        <img src="./images/tejia2.jpg" alt="">
                        <span>￥1.49</span>
                    </a>
                </div>
            </div>
            <div class="tj-md-rg">
                <h3>天天低价</h3>
                <p>人气好货限时抢</p>
                <div class="box">
                    <a href="#">
                        <img src="./images/tejai3.webp" alt="">
                        <span>飞科(FLYCO)</span>
                    </a>
                    <a href="#">
                        <img src="./images/tejai4.webp" alt="">
                        <span>维达(Vinda)</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="tejia-bt">
            <div class="zhuti">
                <h3>为您推荐</h3>
                <span>精选频道</span>
            </div>
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/zhuti.webp" alt="">
                        <span>苏宁国际</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/zhuti.webp" alt="">
                        <span>苏宁国际</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/zhuti.webp" alt="">
                        <span>苏宁国际</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/zhuti.webp" alt="">
                        <span>苏宁国际</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="tuijianbang">
        <img src="./images/tuijianpaihangbang.png" alt="" class="tuijian-img">
        <ul class="tj-img">
            <li>
                <img src="./images/bangdan.webp" alt="">
                <div class="bgc">
                    <span>人气榜</span>
                    <p class="name">舒适床上用品榜</p>
                    <p class="count">卖爆468件</p>
                </div>
            </li>
            <li>
                <img src="./images/bangdan.webp" alt="">
                <div class="bgc">
                    <span>人气榜</span>
                    <p class="name">舒适床上用品榜</p>
                    <p class="count">卖爆468件</p>
                </div>
            </li>
            <li>
                <img src="./images/bangdan.webp" alt="">
                <div class="bgc">
                    <span>人气榜</span>
                    <p class="name">舒适床上用品榜</p>
                    <p class="count">卖爆468件</p>
                </div>
            </li>
        </ul>

        <div class="tejia renqibang">
            <div class="tj-top">
                <div class="tj-top-lf" href="#">
                    <h3>畅销家用空调榜</h3>
                    <p>卖爆2.1万件</p>
                    <div class="box">
                        <a href="#">
                            <img src="./images/renqibang1.webp" alt="">

                        </a>
                        <a href="#">
                            <img src="./images/renqibang2.webp" alt="">

                        </a>
                    </div>
                </div>
                <div class="tj-top-rg">
                    <h3>畅销家用空调榜</h3>
                    <p>卖爆2.1万件</p>
                    <div class="box">
                        <a href="#">
                            <img src="./images/renqibang1.webp" alt="">

                        </a>
                        <a href="#">
                            <img src="./images/renqibang2.webp" alt="">

                        </a>
                    </div>
                </div>
            </div>
            <div class="tj-md">
                <div class="tj-md-lf" href="#">
                    <h3>畅销家用空调榜</h3>
                    <p>卖爆2.1万件</p>
                    <div class="box">
                        <a href="#">
                            <img src="./images/renqibang1.webp" alt="">

                        </a>
                        <a href="#">
                            <img src="./images/renqibang2.webp" alt="">

                        </a>
                    </div>
                </div>
                <div class="tj-md-rg">
                    <h3>畅销家用空调榜</h3>
                    <p>卖爆2.1万件</p>
                    <div class="box">
                        <a href="#">
                            <img src="./images/renqibang1.webp" alt="">

                        </a>
                        <a href="#">
                            <img src="./images/renqibang2.webp" alt="">

                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="daohang">
            <ul>
                <li>
                    <img src="./images/shouye.png" alt="">
                    <p>首页</p>
                </li>
                <li>
                    <img src="./images/search_btn.png" alt="">
                    <p>分类</p>
                </li>
                <li>
                    <img src="./images/phb.png" alt="">
                    <p>排行榜</p>
                </li>
                <li>
                    <img src="./images/gwc.png" alt="">
                    <p>购物车</p>
                </li>
                <li>
                    <img src="./images/wdyg.png" alt="">
                    <p>我的易购</p>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>